<template>
  <div>
    <Header />
    <img src="/mapWarp1.png" alt="">
    <Footer />
  </div>
</template>

<script lang="ts" setup>
import Pic from "@/assets/images/mapWarp1.png";
import { ref, reactive, defineAsyncComponent } from "vue";
const Footer = defineAsyncComponent(
  () => import("@/components/footer/index.vue")
);
const Header = defineAsyncComponent(
  () => import("@/components/header/index.vue")
);
</script>
<style scoped lang="scss">
@import "@/theme/index.scss";
@import "@/theme/common.scss";
.body {
  height: 400px;
  color: $test1-color;
  background-color: var(--test-color);
}
</style>
